@import "../base"
.order_content
  color: white
  background: #232323

  .orderCart
    tr
      font-size: $font_size

      th
        border: 1px solid #bbb6b6
        height: 30px
        width: 80px

        &:hover
          background: #c47d7d

      td
        padding: 10px
        text-align: center
        border: 1px solid #575757
        height: 30px
        width: 80px
        text-overflow: ellipsis
        white-space: nowrap

        &:hover
          background: #c47d7d

        .confirmBtn
          color: #66a658
          font-size: $font_size * 2
          display: block
          font-weight: bolder

        &:hover
          color: #6ef36e

        .cancelBtn
          color: #853434
          font-size: $font_size * 2
          display: block

          &:hover
            color: #e02828

.overlay_content
  position: fixed
  left: 12%
  top: 20%
  width: 82%
  background: linear-gradient(70deg, #181818, #1c304d)

  color: #88f5ec
  display: flex
  flex-direction: column
  overflow: auto
  padding-left: 5%
  box-shadow: 2px 2px 10px 10px rgb(88, 151, 183)

  & ~ div
    pointer-events: none
    overflow: hidden

  .pay_title
    flex: 0 0 auto
    font-size: $font_size*2
    padding: 20px
    text-shadow: 2px 2px 20px rgb(110, 224, 241)

  .pay_content
    display: flex
    flex-direction: row
    margin-left: 5%
    width: 50%
    justify-content: space-between

    .ScanToPay
      text-align: center
      margin-left: 5%
      display: block

      .pay_code
        width: 150px
        height: 150px

    .pay_content_card
      display: flex
      flex-direction: column

    .pay_price
      margin-top: 40px
      padding-right: 20%
      font-size: $font_size * 2
      display: flex
      flex-direction: row


  .pay_btn
    display: flex
    flex-direction: row
    flex: 0 0 auto
    align-items: center

    .pay_cancel
      padding: 40px
      margin-right: 100px
      color: #c5809d
      font-size: $font_size
      text-shadow: 2px 2px 20px rgb(162, 38, 114)

      &:hover
        color: #da375c

    .confirmBtn
      color: #66a658
      font-size: $font_size * 2
      text-shadow: 2px 2px 20px rgb(73, 154, 86)

      &:hover
        color: #6ef36e
